<template>
	<view class="out">
		<image class="screen1"
			src="https://mp-1304767866.cos.ap-guangzhou.myqcloud.com/mini/2024/09/25/813285bc5e3e4496a8516d1e67a9ca82.png">
		</image>
		<button open-type="share" class="screen2">
			<image style="width: 100%;height: 100%;" src="/static/分享.png"></image>
		</button>
		<view class="screen3">
			<image style="width:208rpx;height:208rpx;" src="/static/二维码.png">

		</view>
		<view class="screen4">
			<text class="textStyle">扫一扫加入我们</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods:{
		}
	}
</script>
<style>
	page{
		height: 100%;
	}
</style>
<style scoped lang="scss">
	.out {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.screen1 {
		width: 100%;
		min-height: 1450rpx;
		height: 102%;
		max-height: 150%;
	}

	.screen2 {
		border: none;
		width: 80rpx;
		height: 80rpx;
		position: absolute;
		top: 32rpx;
		right: 32rpx;
		padding: 0;
		background-color: #FFFFFF00;
		&::after{
			display: none;
		}
	}

	.screen3 {
		width: 242rpx;
		height: 242rpx;
		background: #FFFFFF;
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		border: 2rpx solid #4BEA02;
		position: absolute;
		top: 1030rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.screen4 {
		position: absolute;
		top: 1294rpx;
		display: flex;
		align-items: center;
		justify-content: center;

	}

	.textStyle {
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 28rpx;
		color: #FFFFFF;
		line-height: 36rpx;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
</style>